<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="JZH">
    <title>记住密码提示</title>
<style>
   body{
       margin: 0;
       padding: 0;
       font: 12px/1.5 Tahoma;
   }   
   input{
       margin: 0;
       padding: 0;
   } 
   p{
       margin: 0;
       padding: 0;
   }
   #outer{
       width: 200px;
       margin: 10px auto;
   }
   input{
       margin-right: 5px;
       vertical-align: middle;
   }
   #tips{
       padding: 5px;
       margin-top: 5px;
       background-color: #ffefa4;
       border: 1px solid #f90;
       display: none;
   }
</style>    
</head>
<body>
  <div id="outer">
      <label><input type="checkbox">两周内自动登录</label>
      <div id="tips">为了您的信息安全,请不要再网吧或公共电脑上使用此功能</div>
  </div>        
</body>
<html>
<script>
 window.onload = function(){
     var aTips = document.getElementById('tips');
     var aLabel = document.getElementsByTagName('label')[0];
     aLabel.onmouseover = function(){
         aTips.style.display = 'block';
     }
     aLabel.onmouseout= function(){
         aTips.style.display = 'none';
     }
 } 
</script>